<template>
  <el-table v-loading="loading" :data="tableData" border>
    <el-table-column type="index" label="序号" width="60" align="center"/>
    <el-table-column prop="tableNumber" label="餐桌号"/>
    <el-table-column prop="restaurantName" label="所属餐厅"/>
    <el-table-column prop="capacity" label="容纳人数"/>
    <el-table-column prop="status" label="状态" width="100">
      <template #default="{ row }">
        <el-tag :type="row.status === 1 ? 'success' : row.status === 0 ? 'info' : 'warning'">
          {{ row.status === 1 ? '空闲' : row.status === 0 ? '已预订' : '使用中' }}
        </el-tag>
      </template>
    </el-table-column>
  </el-table>
</template> 